Adwaita: correct spacing for mixed buttons
authorLapo Calamandrei <calamandrei@gmail.com>
Sun, 14 Feb 2016 15:38:42 +0000 (16:38 +0100)
committerLapo Calamandrei <calamandrei@gmail.com>
Sun, 14 Feb 2016 15:39:19 +0000 (16:39 +0100)
gtk/theme/Adwaita/_common.scss
gtk/theme/Adwaita/gtk-contained-dark.css
gtk/theme/Adwaita/gtk-contained.css

index 723a057796db6bfdca18a6ac5b397513524bc4e0..d2ecb8f29961d90b4cefbfd6fedd8d8a87ca8293 100644 (file)
@@ -461,8 +461,23 @@ button {
       // to have the image-button padding, while the text side the text-button
       // one, so we're adding the missing padding to the label depending on
       // its position inside the button
-      label:first-child { padding-left: 8px; }
-      label:last-child { padding-right: 8px; }
+      padding-left: 0;
+      padding-right: 0;
+
+      label:first-child {
+        padding-left: 16px;
+        padding-right: 0;
+      }
+
+      label:last-child {
+        padding-left: 0;
+        padding-right: 16px;
+      }
+
+      image {
+        padding-left: 8px;
+        padding-right: 8px;
+      }
     }
   }
 
index 929872665a2738085cad1614464bfbfb64401787..ddef74f673e318ecea5079992ca470db9bdc4fd5 100644 (file)
@@ -494,12 +494,22 @@ notebook > header > tabs > arrow, headerbar button.titlebutton,
   .titlebar button.text-button.titlebutton, button.text-button {
     padding-left: 16px;
     padding-right: 16px; }
-  notebook > header > tabs > arrow.text-button.image-button label:first-child, headerbar button.text-button.image-button.titlebutton label:first-child,
-  .titlebar button.text-button.image-button.titlebutton label:first-child, button.text-button.image-button label:first-child {
-    padding-left: 8px; }
-  notebook > header > tabs > arrow.text-button.image-button label:last-child, headerbar button.text-button.image-button.titlebutton label:last-child,
-  .titlebar button.text-button.image-button.titlebutton label:last-child, button.text-button.image-button label:last-child {
-    padding-right: 8px; }
+  notebook > header > tabs > arrow.text-button.image-button, headerbar button.text-button.image-button.titlebutton,
+  .titlebar button.text-button.image-button.titlebutton, button.text-button.image-button {
+    padding-left: 0;
+    padding-right: 0; }
+    notebook > header > tabs > arrow.text-button.image-button label:first-child, headerbar button.text-button.image-button.titlebutton label:first-child,
+    .titlebar button.text-button.image-button.titlebutton label:first-child, button.text-button.image-button label:first-child {
+      padding-left: 16px;
+      padding-right: 0; }
+    notebook > header > tabs > arrow.text-button.image-button label:last-child, headerbar button.text-button.image-button.titlebutton label:last-child,
+    .titlebar button.text-button.image-button.titlebutton label:last-child, button.text-button.image-button label:last-child {
+      padding-left: 0;
+      padding-right: 16px; }
+    notebook > header > tabs > arrow.text-button.image-button image, headerbar button.text-button.image-button.titlebutton image,
+    .titlebar button.text-button.image-button.titlebutton image, button.text-button.image-button image {
+      padding-left: 8px;
+      padding-right: 8px; }
 button.osd {
   color: #eeeeec;
   border-radius: 5px;
index f79b0d8dc087a47523cd9f08ad8468cde5b9b059..c8e241037eb309833c42189c5b97f089d65561dc 100644 (file)
@@ -494,12 +494,22 @@ notebook > header > tabs > arrow, headerbar button.titlebutton,
   .titlebar button.text-button.titlebutton, button.text-button {
     padding-left: 16px;
     padding-right: 16px; }
-  notebook > header > tabs > arrow.text-button.image-button label:first-child, headerbar button.text-button.image-button.titlebutton label:first-child,
-  .titlebar button.text-button.image-button.titlebutton label:first-child, button.text-button.image-button label:first-child {
-    padding-left: 8px; }
-  notebook > header > tabs > arrow.text-button.image-button label:last-child, headerbar button.text-button.image-button.titlebutton label:last-child,
-  .titlebar button.text-button.image-button.titlebutton label:last-child, button.text-button.image-button label:last-child {
-    padding-right: 8px; }
+  notebook > header > tabs > arrow.text-button.image-button, headerbar button.text-button.image-button.titlebutton,
+  .titlebar button.text-button.image-button.titlebutton, button.text-button.image-button {
+    padding-left: 0;
+    padding-right: 0; }
+    notebook > header > tabs > arrow.text-button.image-button label:first-child, headerbar button.text-button.image-button.titlebutton label:first-child,
+    .titlebar button.text-button.image-button.titlebutton label:first-child, button.text-button.image-button label:first-child {
+      padding-left: 16px;
+      padding-right: 0; }
+    notebook > header > tabs > arrow.text-button.image-button label:last-child, headerbar button.text-button.image-button.titlebutton label:last-child,
+    .titlebar button.text-button.image-button.titlebutton label:last-child, button.text-button.image-button label:last-child {
+      padding-left: 0;
+      padding-right: 16px; }
+    notebook > header > tabs > arrow.text-button.image-button image, headerbar button.text-button.image-button.titlebutton image,
+    .titlebar button.text-button.image-button.titlebutton image, button.text-button.image-button image {
+      padding-left: 8px;
+      padding-right: 8px; }
 button.osd {
   color: #eeeeec;
   border-radius: 5px;